<template>
    <div>
      <a href="https://www.shengda.edu.cn">
        升达经贸管理学院
      </a><br>
      <!--通过事件对象阻止默认行为-->
      <a href="https://www.shengda.edu.cn" @click="handerClick($event)">
        升达经贸管理学院
      </a><br>
      <!--通过事件修饰符阻止默认行为-->
      <a href="https://www.shengda.edu.cn" @click.prevent="handerClick1()">
        升达经贸管理学院
      </a><br>
    </div>
  </template>
  
  <script>
  import { reactive, toRefs } from 'vue'
  
  export default {
    setup () {
      const state = reactive({
        count: 0,
      })
      const handerClick=(e)=>{
        e.preventDefault()
      }
      const handerClick1=()=>{
  
      }
      return {
        ...toRefs(state),
        handerClick,
        handerClick1,
      }
    }
  }
  </script>
  
  <style lang="scss" scoped>
  
  </style>